<template>
  <div class="purchase-briefs">
    <div @click="openMessageDrawer">打开抽屉</div>
    <message-drawer v-model:active="messageDrawerActive"></message-drawer>
    <info-drawer v-model:active="infoDrawerActive"></info-drawer>
  </div>
</template>

<script setup>
  import { reactive, ref, toRefs } from 'vue';
  import messageDrawer from './message.vue';
  import infoDrawer from './info.vue';

  const active = reactive({
    messageDrawerActive:false,
    infoDrawerActive:false
  });

  const openMessageDrawer = () => {
    active.messageDrawerActive = true;
  }

  const { messageDrawerActive,infoDrawerActive } = toRefs(active);
  
</script>

<style lang="less">
.member-index {}
</style>
